﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../Layui/css/layui.css" media="all">
    <script src="../htc/echarts.min.js"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
    <div class="layui-fluid" style="margin-top:20px;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">今日课表</div>
                            <div class="layui-card-body">



                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">本周活动</div>
                            <div class="layui-card-body">

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">今日课程签到</div>
                            <div class="layui-card-body">



                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">本月内生日会员</div>
                            <div class="layui-card-body">

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">待跟进明细</div>
                            <div class="layui-card-body">




                            </div>
                        </div>
                        <div class="layui-card">
                            <div class="layui-card-header">待审批合同</div>
                            <div class="layui-card-body">




                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md6">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">今日到访</div>
                            <div class="layui-card-body">



                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">今日订金/合同客户</div>
                            <div class="layui-card-body">

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">本月合同金额/合同数</div>
                            <div class="layui-card-body">


                                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-normline" id="main" style="width:100%;height:200px;" >

                                </div>
                                <script type="text/javascript">
                                    // 基于准备好的dom，初始化echarts实例
                                    var myChart = echarts.init(document.getElementById('main'));

                                    // 指定图表的配置项和数据
                                    var option = {
                                      
                                        tooltip: {},
                                        legend: {
                                            data: ['签单量']
                                        },
                                        xAxis: {
                                            data: ["顾问1", "顾问2", "顾问3", "顾问4", "顾问5", "顾问6"]
                                        },
                                        yAxis: {},
                                        series: [{
                                            name: '签单量',
                                            type: 'bar',
                                            data: [5, 20, 36, 10, 10, 20]
                                        }]
                                    };

                                    // 使用刚指定的配置项和数据显示图表。
                                    myChart.setOption(option);
                                </script>

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">30日内合同到期学员</div>
                            <div class="layui-card-body">

                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">待签约 明细</div>
                            <div class="layui-card-body">




                            </div>
                        </div>
                        <div class="layui-card">
                            <div class="layui-card-header">续约客户（课数少于12节）</div>
                            <div class="layui-card-body">




                            </div>
                        </div>
                    </div>
                    </div>
                </div>

            </div>
    </div>


    <script src="../Layui/layui.js"></script>

    <script>
        layui.config({
            base: '../Layui/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use('index');
    </script>
</body>
</html>